ErrorBoundary.render - Code Metrics - mister-webdev/movie-app - Measure and Improve Code Quality continuously with Scrutinizer

ErrorBoundary.render A
last analyzed 2021-12-06 20:29 UTC

↳ Parent: ErrorBoundary

Complexity

Conditions

Size

Total Lines	17
Code Lines	13

Duplication

Lines	0
Ratio	0 %

Importance

Changes

Metric	Value
eloc	13
dl	0
loc	17
rs	9.75
c	0
b	0
f	0
cc	2

import { Component, ReactNode } from 'react'
import { Button, Text } from 'shared/ui'

interface IState {
  error: null | Error
}

interface IProps {
  children: ReactNode
}

class ErrorBoundary extends Component<IProps, IState> {

  state = { error: null }


  static getDerivedStateFromError(error: Error) {
    return { error }
  }

  componentDidCatch(error: Error, errorInfo: any) {

    console.error('From ErrorBoundary:', error, errorInfo)
  }

  render() {
    if (this.state.error) {

      return (
        <div className="flex flexCol flexAlCent">

          <Text className="mb32 mt32" tag="h2">

            Something went wrong
          </Text>
          <Button onClick={() => window.history.go()}>

            <Text tag="span">Refresh Page</Text>

          </Button>
        </div>
      )
    }

    return this.props.children

  }
}

export { ErrorBoundary }


1			import { Component, ReactNode } from 'react'
2			import { Button, Text } from 'shared/ui'
3
4			interface IState {
5			error: null \| Error
6			}
7
8			interface IProps {
9			children: ReactNode
10			}
11
12			class ErrorBoundary extends Component<IProps, IState> {
			0 ignored issues – show introduced 2021-12-06 20:00 UTC by Report Bug Copy Issue Report Component is not optimized. Please add a shouldComponentUpdate method. Loading history...
13			state = { error: null }
			0 ignored issues – show introduced 2021-12-06 20:00 UTC by Report Bug Copy Issue Report State initialization should be in a constructor Loading history... introduced 2021-12-06 20:00 UTC by Report Bug Copy Issue Report state should be placed after getDerivedStateFromError Loading history...
14
15			static getDerivedStateFromError(error: Error) {
16			return { error }
17			}
18
19			componentDidCatch(error: Error, errorInfo: any) {
			0 ignored issues – show introduced 2021-12-06 20:00 UTC by Report Bug Copy Issue Report Unexpected any. Specify a different type. Loading history...
20			console.error('From ErrorBoundary:', error, errorInfo)
21			}
22
23			render() {
24			if (this.state.error) {
			0 ignored issues – show introduced 2021-12-06 20:00 UTC by Report Bug Copy Issue Report Must use destructuring state assignment Loading history...
25			return (
26			<div className="flex flexCol flexAlCent">
			0 ignored issues – show introduced 2021-12-06 20:00 UTC by Report Bug Copy Issue Report Expected indentation of 10 space characters but found 8. Loading history... introduced 2021-12-06 20:00 UTC by Report Bug Copy Issue Report JSX not allowed in files with extension '.tsx' Loading history...
27			<Text className="mb32 mt32" tag="h2">
			0 ignored issues – show introduced 2021-12-06 20:00 UTC by Report Bug Copy Issue Report Expected indentation of 12 space characters but found 10. Loading history... introduced 2021-12-06 20:00 UTC by Report Bug Copy Issue Report Prop "className" is forbidden on Components Loading history... introduced 2021-12-06 20:00 UTC by Report Bug Copy Issue Report Prop `tag` must be placed on a new line Loading history... introduced 2021-12-06 20:00 UTC by Report Bug Copy Issue Report Expected indentation of 14 space characters but found 12. Loading history...
28			Something went wrong
29			</Text>
30			<Button onClick={() => window.history.go()}>
			0 ignored issues – show introduced 2021-12-06 20:00 UTC by Report Bug Copy Issue Report Expected indentation of 12 space characters but found 10. Loading history... introduced 2021-12-06 20:00 UTC by Report Bug Copy Issue Report JSX element should start in a new line Loading history... introduced 2021-12-06 20:00 UTC by Report Bug Copy Issue Report JSX props should not use arrow functions Loading history... introduced 2021-12-06 20:00 UTC by Report Bug Copy Issue Report JSX attribute values should not contain functions created in the same scope Loading history...
31			<Text tag="span">Refresh Page</Text>
			0 ignored issues – show introduced 2021-12-06 20:00 UTC by Report Bug Copy Issue Report Expected indentation of 14 space characters but found 12. Loading history... introduced 2021-12-06 20:00 UTC by Report Bug Copy Issue Report `Refresh Page` must be placed on a new line Loading history...
32			</Button>
33			</div>
34			)
35			}
36
37			return this.props.children
			0 ignored issues – show introduced 2021-12-06 20:00 UTC by Report Bug Copy Issue Report Must use destructuring props assignment Loading history...
38			}
39			}
40
41			export { ErrorBoundary }
42

mister-webdev / movie-app

ErrorBoundary.render A last analyzed 2021-12-06 20:29 UTC

Complexity

Size

Duplication

Importance

Duplication Side-by-Side

Filter issues like

ErrorBoundary.render A
last analyzed 2021-12-06 20:29 UTC